@CHARSET "UTF-8";


#mainpage{position:relative;border:1px solid #ffffff;width: 95%px;
		  height: auto;margin:0 auto;}
.menu{position:absolute;border:1px solid #ffffff;color:#ffffff;text-align:center;}


#title{width:100%;height:40px;background-color:#000000 ;}
#board{width:32%;height:30px;top:55px;left:34%; background-color:#ff8000 ;}
#login{width:32%;height:40px; top:45px;background-color: #e7b20c;}
#join{width:32%;height:30px;top:55px;left:68%;background-color:#b11e14 ;}
#member{width:32%;height:30px;top:90px;left:34%;background-color: #704796;}
#guest{width:32%;height:30px;top:90px;left:68%;background-color: #264389;}
#eat{width:32%;height:30px;top:90px;background-color: #42793f;}
#content{width:99%;height:450px;top:135px;border:2px solid #e7b20c;overflow: auto;}
#foot{width:100%;height:100px;top:600px;color:#000000;}
@media all and (min-width:500px){
	
}
@media all and (min-width:500px) and (max-width:980px){
	#mainpage{width: 585px;height: auto;margin:0 auto;}
	#board{width:140px;height:80px;top:685px;left:440px;}
	#title{width:425px;height:105px;top:0px;}
	#join{width:150px;height:105px;top:0px;left:430px;}
	#member{width:145px;height:80px;top:685px;left:290px;}
	#guest{width:140px;height:80px;top:685px;left:145px;}
	#login{width:580px;height:60px;top:110px;left:0px;}
	#eat{width:140px;height:80px;top:685px;left:0px;}
	#content{width:99%;height:500px;top:175px;border:2px solid #e7b20c;overflow: auto;}
	#foot{width:100%;height:100px;top:790px;text-align:center;}
		
}
@media all and (min-width:980px){
	#mainpage{width: 980px;height:auto;margin:0 auto;}
	#board{width:110px;height:165px;top:630px;left:0px;}
	#title{width:250px;height:100px;top:0px;}
	#guest{width:110px;height:170px;top:105px;left:0px;}
	#member{width:110px;height:170px;top:455px;left:0px;}
	#join{width:250px;height:100px;top:0px;left:720px;}
	#eat{width:110px;height:170px;top:280px;left:0px;}
	#login{width:460px;height:100px;top:0px;left:255px;}
	#content{width:850px;height:685px;top:105px;left:115px;border:2px solid #e7b20c;overflow: auto;}
	#foot{width:100%;height:100px;top:820px;text-align:center;}
	
}